<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
<head>
<title>右侧栏目</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<script type="text/javascript" src="${pageContext.request.contextPath}/page/third/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/page/third/jcloud/js/jqcloud-1.0.4.min.js"></script>
<link rel="stylesheet"type="text/css" href="${pageContext.request.contextPath}/page/third/jcloud/css/jqcloud.css"/>
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/page/third/bootstrap/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/page/third/bootstrap/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/page/style/css/font-awesome.min.css" />
<link type="text/css" rel="stylesheet" href="${pageContext.request.contextPath}/page/style/css/home_nav.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/page/third/bootstrap/js/bootstrap.min.js"></script>

<style type='text/css'>

</style>
<script type="text/javascript">
var keys='${keys}';
var word_list =eval ("(" + keys + ")");
$(function() {
	$(document).scroll(function(){
		var window_H = $(window).height();
		// 当屏幕滚出第一屏时，我们让这个按钮出现。
		var h2 = $(document).scrollTop();
		// 判断
		if( h2 >= window_H){
			// 当第一屏即将要滚出去的时候我们要显示返回顶部按钮
			$('.back_top').css('display','block');
		}else{
			$('.back_top').fadeOut(400);
		}
	});
	// 点击图片按钮的时候让我们的页面返回到顶部
	$('.back_top').click(function(){
		$('html,body').animate({'scrollTop':0});
	});	
	$('.back_top').hover(function(){
		$('.back-to-top').hide();
		$('#back_top_font').show();		
	},function(){
		$('.back-to-top').show();
		$('#back_top_font').hide();
	});	
	$("#my_words").jQCloud(word_list);
});
</script>
</head>
<body class="nav-fixed" >
		<!--侧边栏目  -->
		    <!--个人资料  -->
				<aside>
				    <div class="panel panel-zyn hidden-xs">
				        <div class="panel-heading">
				            <span class="glyphicon glyphicon-user newicon" style="color:#fff;"></span> 个人资料
				        </div>
				        <div class="panel-body" style="padding:0px;font-size: 15px; line-height: 1.5;">
					        <div class="cbl-logo">
						        <div class="a-avatar">
						        	<img src="http://www.lvoyee.com" class="img_portrait" style="background:url(http://www.lvoyee.com/wp-content/themes/forget/images/logo.jpg) no-repeat;background-size:160px 160px;">>
						        </div>
					        </div>
							<section class="topspaceinfo">
					       	    <p>虽然过去不能改变，未来可以。</p>
					        </section>			        
				            <div>
				                <div style="text-indent:2em;">
				                    <p >

				                    </p>
				                </div>
				            </div>
				        </div>
				        <hr style="margin:0 0 10px 0" />
				        <div class="gzwm">
				            <ul class="list-group list-group-flush">
				                <li ><i class="glyphicon glyphicon glyphicon-home" style="color:#45bcf9;"><span>www.sunshine.com</span></i></li>
				                <li ><i class="glyphicon glyphicon-user" style="color:#45bcf9;"><span>Sunshine</span></i></li>
				                <li ><i class="glyphicon glyphicon-map-marker" style="color:#45bcf9;"><span>北京</span></i></li>
				                <li ><i class="glyphicon glyphicon-envelope" style="color:#45bcf9;"><span>963966800@qq.com</span></i></li>
				            </ul>
				        </div>
				    </div>
				</aside>
				<!--分类目录  -->
			    <aside id="doc_category">
			        <div class="panel panel-zyn hidden-xs">
			            <div class="panel-heading">
			                <span class="glyphicon glyphicon-list"></span> 分类目录
			            </div>
			            <div class="category_d">
			            			<c:forEach items="${mblogType}" var="type">
				                        <a href="/Home/Index/1">
				                            ${type.typename} (8)
				                        </a>			            			
			                        </c:forEach>
			            </div>
			        </div>
			    </aside>	
			    
				<!--热门文章  -->		
				
			    <aside id="hot_article">
			        <div class="panel panel-zyn hidden-xs">
			            <div class="panel-heading">
			                <span class="glyphicon glyphicon-leaf newicon"></span> 热门文章
			                <span class="panel-remove glyphicon glyphicon-remove-circle fr"></span>
			                <span class="panel-toggle glyphicon glyphicon-upload fr"></span>
			            </div>
			          
			              <ul class="list-group list-group-flush">
			
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/1" title="开篇">
			                                开篇
			                            </a>
			                        </span>
			                        <span class="badge">532</span>
			                    </li>
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/2" title="如何使用Bootstrap typeahead插件实现搜索框自动补全">
			                                如何使用Bootstrap typeahead插件实现搜索框自动补全
			                            </a>
			                        </span>
			                        <span class="badge">231</span>
			                    </li>
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/3" title="使用Lucene对分词结果进行倒排索引 ">
			                                使用Lucene对分词结果进行倒排索引 
			                            </a>
			                        </span>
			                        <span class="badge">112</span>
			                    </li>
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/31" title="怎么让百度蜘蛛快速收录自己的网站">
			                                怎么让百度蜘蛛快速收录自己的网站
			                            </a>
			                        </span>
			                        <span class="badge">78</span>
			                    </li>
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/30" title="在IIS8上部署网站时如何设置使用域名和IP均可访问：">
			                                在IIS8上部署网站时如何设置使用域名和IP均可访问：
			                            </a>
			                        </span>
			                        <span class="badge">71</span>
			                    </li>
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/29" title="使用腾讯云主机windows server 2012 IIS8部署ASP.NET MVC后访问出错:未能加载文件或程序集System.Web.Http.WebHost ">
			                                使用腾讯云主机windows server 2012 IIS8部署ASP.NET MVC后访问出错:未能加载文件或程序集System.Web.Http.WebHost 
			                            </a>
			                        </span>
			                        <span class="badge">67</span>
			                    </li>
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/12" title="ASP.NET MVC 分页Helper">
			                                ASP.NET MVC 分页Helper
			                            </a>
			                        </span>
			                        <span class="badge">63</span>
			                    </li>
			                    <li class="list-group-item">
			                        <span class="post-title">
			                            <a href="/Archives/Index/6" title="jQuery插件开发的两种常用方式">
			                                jQuery插件开发的两种常用方式
			                            </a>
			                        </span>
			                        <span class="badge">54</span>
			                    </li>
			                </ul>
			            </div>
			        </aside>
			        
                    <!--热门评论  -->
				    <aside id="zyn_latest_comments-2">
				        <div class="panel panel-zyn hidden-xs">
				            <div class="panel-heading">
				                <span class="glyphicon glyphicon-tree-deciduous newicon"></span> 热门评论
				                <span class="panel-remove glyphicon glyphicon-remove-circle fr"></span>
				                <span class="panel-toggle glyphicon glyphicon-upload fr"></span>
				            </div>
				            <ul class="list-group list-group-flush">
				                    <li class="list-group-item">
				                        <span class="author-avatar">
				                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193403551984838925605.jpg" class="avatar avatar-40 photo" height="40" width="40">
				                        </span>
				                        <span class="comment-log">
				                            <a href="/Archives/Index/22#comments-title">
				                                我自己现在也想搭自己的博客，已经把框架搭好了，想和您交流交流。如果愿意，可以回复我的邮箱哈哈，谢谢
				                            </a>
				                        </span>
				                    </li>
				                    <li class="list-group-item">
				                        <span class="author-avatar">
				                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193403823874164195469.jpg" class="avatar avatar-40 photo" height="40" width="40">
				                        </span>
				                        <span class="comment-log">
				                            <a href="/Archives/Index/2#comments-title">
				                                发现一个页面Bug，不知道是否有意这样设计，望修复
				http://pan.kzwr.com/kzwrfs?fid=d80e3aea4009426dab74772e8eb91a0f.jpg
				                            </a>
				                        </span>
				                    </li>
				                    <li class="list-group-item">
				                        <span class="author-avatar">
				                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193403823874164195469.jpg" class="avatar avatar-40 photo" height="40" width="40">
				                        </span>
				                        <span class="comment-log">
				                            <a href="/Archives/Index/2#comments-title">
				                                IoC还是不太懂怎么玩，是一种什么样的思想，什么业务环境用更合适
				                            </a>
				                        </span>
				                    </li>
				                    <li class="list-group-item">
				                        <span class="author-avatar">
				                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193404334289496306423.jpg" class="avatar avatar-40 photo" height="40" width="40">
				                        </span>
				                        <span class="comment-log">
				                            <a href="/Archives/Index/2#comments-title">
				                                的法规规定发给对方
				                            </a>
				                        </span>
				                    </li>
				                    <li class="list-group-item">
				                        <span class="author-avatar">
				                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193404588990362861900.jpg" class="avatar avatar-40 photo" height="40" width="40">
				                        </span>
				                        <span class="comment-log">
				                            <a href="/Archives/Index/1#comments-title">
				                                学习学习
				                            </a>
				                        </span>
				                    </li>
				                    <li class="list-group-item">
				                        <span class="author-avatar">
				                            <img  data-url="http://o82pwjziv.bkt.clouddn.com/HeadIcon/20160619/6360193404087401697493516.jpg" class="avatar avatar-40 photo" height="40" width="40">
				                        </span>
				                        <span class="comment-log">
				                            <a href="/Archives/Index/1#comments-title">
				                                alert(1);
				                            </a>
				                        </span>
				                    </li>
				
				            </ul>
				        </div>
				    </aside>
 
                    <!--标签云  -->   
					<aside id="tag_cloud">
					    <div class="panel panel-zyn hidden-xs">
					        <div class="panel-heading">
					            <span class=" icon-tags"></span> 标签
					        </div>
					        <div id="my_words" style="width:80%;height: 280px;margin: 10px auto;">
					        </div>
					    </div>
					</aside>  
					<div class="back_top">
   					  <div class="icon-rocket back-to-top" style="display: block;"></div>   
   					  <div id="back_top_font" class="back_font" style="display: none;">返回顶部</div>
   					</div>             

</body>

</html>
